{% load url from future %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>{% block title %}Tibus: Sistema de prediccion de tiempos de arribo{% endblock %}</title>

    <link href="../Archivos/css/bootstrap_celurean.min.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-1.8.0.js"></script>
    <link href="../Archivos/css/bootstrap-responsive.css" rel="stylesheet">
 	<script src="../Archivos/js/bootstrap.js"></script>
 		
    {% block extrastyle %}{% endblock %}
    {% block extrahead %}{% endblock %}
    {% block blockbots %}<meta name="robots" content="NONE,NOARCHIVE" />{% endblock %}	
  </head>

{% load i18n %}

<body class=" {% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %}" {% block extrabody %} {% endblock %}>

<!-- Container -->
<div class="container" >

    <!-- Content -->
    <div id="content" Style="font-family: Arial;" class="{% block coltype %}colM{% endblock %}">
        {% block content_title %}{% if title %}<h1>{{ title }}</h1>{% endif %}{% endblock %}
        {% block menu %}
		<div class="row" style="background-image: ../Archivos/img/stripes.png"><div class="span4">
			<table><tbody><tr>
		  	  <td><img style="width: 200px;max-width:none" alt="Logo" src="../Archivos/Logo.png" /></td>
		      <td><h2 style="font-size: 90px;">TiBus</h2><h5>Sistema de predicción de tiempos de arribos</h5></td>
		    </tr></tbody></table>      
		</div></div>
		<div class="navbar navbar-inverse"><div class="navbar-inner"><ul class="nav">
			<li><a href="sindex">Home</a></li>
			<li><a href="sprediccion">Arribo</a></li>
			<li><a href="sviaje">Viaje</a></li>
		</ul></div></div>
		{% endblock %}
        <div align="center">{% block content %}
        {{ content }}
        {% endblock %}</div>
        <br class="clear" />
    </div>
    <!-- END Content -->
</div>
<!-- END Container -->

</body>
</html>